<!DOCTYPE html>
<html>
  <head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>Bootstrap Template</title>

    
<!-- 导入相关 css -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/bootstrap-theme.css">
<link rel="stylesheet" href="../css/SearchInfoWindow_min.css" />
<link rel="stylesheet" href="../css/sg.css" />
<link rel="stylesheet" href="../css/animate.css" />
<link rel="stylesheet" href="../css/index.css">
<link rel="stylesheet" href="../css/1.css">
  </head>
  
  <body>
    <!--banner strip start here-->
<script src="js/responsiveslides.min.js"></script>
<script>
    $(function () {
      $("#slider").responsiveSlides({
      	auto: true,
      	speed: 500,
        namespace: "callbacks",
        pager: false,
        nav:true,
      });
    });
  </script>

<div class="banner" style="background:url(http://demo1.cssmoban.com/cssthemes3/cpts_188_ex/images/ban.jpg)no-repeat">
	<div class="container">
		<div class="banner-main">
			<ul class="rslides" id="slider">
	        <li>
	  			<h3>Temporibus autem quibusdam</h3>
				<p>We are Professional web developer Company</p>
				<div class="bann-btn">
					  <a href="#" class="hvr-shutter-out-horizontal">Read More</a>
               </div>
	        </li>
	       <li>
	  			<h3>Lorem Ipsum simply dummy</h3>
				<p>But this denouncing pleasure and praising</p>
				<div class="bann-btn">
					  <a href="#" class="hvr-shutter-out-horizontal">Read More</a>
               </div>
	        </li>
	        <li>
	        	<h3>Nemo ipsam voluptatem</h3>
				<p>We are Professional web developer Company</p>
				<div class="bann-btn">
					  <a href="#" class="hvr-shutter-out-horizontal">Read More</a>
               </div>
	        </li>
	      </ul>
		</div>
	</div>
</div>
<div class="banner-strip">
	<div class="container">
		<h3>We Work On Advertising For Internal And External Communications</h3>
		<div class="bann-strip-btn">
			<a href="#" class="hvr-shutter-out-horizontal">Read More</a>
	    </div>
	   <div class="clearfix"> </div>
	</div>
</div>
<!--banner strip end here-->

<!--footer start here-->
<div class="footer">
	<div class="container">
		<div class="footer-main">
			<div class="col-md-3 footer-grid">
				<h3>About This Theme</h3>
				<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness.Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.account of the system.</p>
			</div>
			<div class="col-md-3 footer-grid">
				<h3>Recents Posts</h3>
			  <div class="ftr-sub-gd">
				<div class="col-md-4 ftr-gd2-img">
					<a href="#"><img src="images/s1.jpg" alt=""></a>
				</div>
				<div class="col-md-8 ftr-gd2-text">
						<a href="#"><h4>How to Have The Best Vacation</h4></a>
						<a href="#"><p>Mar 3rd,2015</p></a>
				</div>
				<div class="clearfix"> </div>
			  </div>
			  <div class="ftr-sub-gd">
				<div class="col-md-4 ftr-gd2-img">
					<a href="#"><img src="images/s2.jpg" alt=""></a>
				</div>
				<div class="col-md-8 ftr-gd2-text">
						<a href="#"><h4>How to Have The Best Vacation</h4></a>
						<a href="#"><p>Mar 3rd,2015</p></a>
				</div>
				<div class="clearfix"> </div>
			  </div>
			  <div class="ftr-sub-gd">
				<div class="col-md-4 ftr-gd2-img">
					<a href="#"><img src="images/s3.jpg" alt=""></a>
				</div>
				<div class="col-md-8 ftr-gd2-text">
						<a href="#"><h4>How to Have The Best Vacation</h4></a>
						<a href="#"><p>Mar 3rd,2015</p></a>
				</div>
				<div class="clearfix"> </div>
			  </div>
		   </div>
			<div class="col-md-3 footer-grid">
				<h3>Categories</h3>
				<ul>
					<li><a href="#">Featured</a></li>
					<li><a href="#">General</a></li>
					<li><a href="#">Lorem Ipsum</a></li>
					<li><a href="#">literature</a></li>
					<li><a href="#">Videos</a></li>
				</ul>
			</div>
			<div class="col-md-3 footer-grid">
				<h3>Recent Projects</h3>
				<div class="ftr-gd4-img">
				    <div class="col-md-3 ftr-gd4-1"><a href="#"><img src="images/f1.jpg" alt=""></a></div>
				    <div class="col-md-3 ftr-gd4-1"><a href="#"><img src="images/f2.jpg" alt=""></a></div>
				    <div class="col-md-3 ftr-gd4-1"><a href="#"><img src="images/f3.jpg" alt=""></a></div>
				    <div class="col-md-3 ftr-gd4-1"><a href="#"><img src="images/f4.jpg" alt=""></a></div>
				  <div class="clearfix"> </div>
				</div>
				<div class="ftr-gd4-img">
				    <div class="col-md-3 ftr-gd4-1"><a href="#"><img src="images/f5.jpg" alt=""></a></div>
				    <div class="col-md-3 ftr-gd4-1"><a href="#"><img src="images/f6.jpg" alt=""></a></div>
				    <div class="col-md-3 ftr-gd4-1"><a href="#"><img src="images/f7.jpg" alt=""></a></div>
				    <div class="col-md-3 ftr-gd4-1"><a href="#"><img src="images/f8.jpg" alt=""></a></div>
				  <div class="clearfix"> </div>
				</div>
				<div class="ftr-gd4-img">
				    <div class="col-md-3 ftr-gd4-1"><a href="#"><img src="images/f9.jpg" alt=""></a></div>
				    <div class="col-md-3 ftr-gd4-1"><a href="#"><img src="images/f10.jpg" alt=""></a></div>
				    <div class="col-md-3 ftr-gd4-1"><a href="#"><img src="images/f11.jpg" alt=""></a></div>
				    <div class="col-md-3 ftr-gd4-1"><a href="#"><img src="images/f12.jpg" alt=""></a></div>
				  <div class="clearfix"> </div>
				</div>
			</div>
		<div class="clearfix"> </div>
		</div>
	</div>
	<div class="copyright">
	<div class="container">
		<div class="copy-main">
			<div class="copy-left">
				<p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
			</div>
			<div class="copy-right"> 
				<ul>
					<li><a class="active" href="index.html">Home</a></li>/
					<li><a href="about.html">About</a></li>/
					<li><a href="blog.html">Blog</a></li>/
					<li><a href="contact.html">Contact</a></li>
				</ul>
			</div>
		</div>
	</div>
</div>
</div>
<!--footer end here-->


<!-- *************************************************************************************** -->

	<!--  js 开始 -->
	<!-- 将 js 文件写到最后 ， 提升加载速度 -->
	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<!-- <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> -->
	<script src="../js/jquery.min.js"></script>
	<!-- <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> -->
	<script src="../js/bootstrap.min.js"></script>
	
	<!-- 时间显示 js -->
	<script type="text/javascript" src="../js/1.js"></script>
	<!-- qq 在线聊天 -->
	<script src="../js/qqonline.js"></script>
	<!-- 分享到 -->
	<!-- <script type="text/javascript" src="../js/jiathis.js" charset="utf-8"></script> -->
	<!-- 校验js  -->
	<script type="text/javascript" src="../js/is.js"></script>
	<!-- 图片延迟加载 js -->
	<script type="text/javascript" src="../js/jquery.lazyload.js"></script>
	<!-- index 页面的js -->
	<script type="text/javascript" src="../js/index.js"></script>
	<!-- 百度地图 js -->
	<script type="text/javascript" src="../js/baidumap/baidumapak.js"></script>
	<script src="../js/baidumap/CurveLine.min.js"></script>
	<script type="text/javascript" src="../js/baidumap/SearchInfoWindow_min.js"></script>
	
	<script type="text/javascript"> 
		$(function() {
			//$('#newsBlock').hide();  // 隐藏新闻模块 div
			beginAutoRefreshNowTimeLabel();//开始刷新 时间
			initWeather();//初始化天气数据 天气， s
			initOnlineQQ();//初始化在线qq
			/* initJisThis();//初始化分享到 */
			
			//项目监控
			/*
			$("#xm_jk").click(function() {
								document.getElementById('main_content').src = 'http://192.168.2.117:8080/piaoyoung/monitoring';
							})
			*/
			
		});
		/**
		 * 初始化地图数据
		 */
			var map = new BMap.Map("mapDiv");
			map.centerAndZoom(new BMap.Point(120.2099600000, 30.2139150000), 15);
			map.addControl(new BMap.MapTypeControl());
			map.enableScrollWheelZoom(true);
			addMarker(new BMap.Point(120.2099600000, 30.2139150000));

			var content = '<div style="margin:0;line-height:20px;padding:2px;">'
					+ '<img src="../img/baidu.jpg" alt="" style="float:right;zoom:1;overflow:hidden;width:100px;height:100px;margin-left:3px;"/>'
					+ '地址：北京市海淀区上地十街10号<br/>电话：(010)59928888<br/>简介：百度大厦位于北京市海淀区西二旗地铁站附近，为百度公司综合研发及办公总部。'
					+ '</div>';

			var searchInfoWindow = null;
			searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, {
				title : "dsfa",
				width : 290,
				height : 105,
				panel : "panel",
				enableAutoPan : true,
				searchTypes : [ BMAPLIB_TAB_SEARCH, BMAPLIB_TAB_TO_HERE,
						BMAPLIB_TAB_FROM_HERE ]
			});


		/**
		 * 添加地图标记 
		 * @param point
		 */
		function addMarker(point) {
			var marker = new BMap.Marker(point);
			map.addOverlay(marker);
			marker.setAnimation(BMAP_ANIMATION_BOUNCE);
			marker.addEventListener("click", function(e) {
				searchInfoWindow.open(marker);
			})
		}
	</script>
	<!--  js 结束 --> 

  </body>
</html>
